@charset "utf-8";

/* 主页样式 */

.fl,.fr {

    display:inline;

}

.fl {

    float:left;

}

.fr {

    float:right;

}

.comwidth {max-width:1327px;width:100%;margin:0 auto;overflow:hidden;}

.bor{border: 1px solid red;}

/* 主页头部开始 */

header{ max-width: 100%;width: 100%; height: 226px; background-color: #3c4650;}

.top{ height: 138px; position: relative;}

.top_left{position: absolute;left: 0px; top:41px;}

.top_left img{ position:  }

.top_right{ width: 50%; float: right;position: relative; }

.top_right img{position: absolute;right: 0px; top:41px; }

.nav{ border-top: 1px solid #7a8187; border-bottom: 1px solid #7a8187; height: 88px; width: 100%; box-sizing:border-box;}

.nav>.nav_a{ height: 88px;box-sizing:border-box; }

.nav>.nav_a ul li{ width: 12.5%;;  float: left; text-align: center;line-height: 88px; }

.nav>.nav_a ul li a{ color: #fff; font-size: 17px; }



/* banner开始 */

.banner{ width: 100%; height: 533px; }

/* banner结束 */

.main1{ height: 630px; }

.main1_top{ height: 143px; width: 100%; }

.main1_top h2{ font-size: 32px; text-align: center;margin-top: 34px;  }

.main1_top p{ font-size: 16px; color: #3c4650;text-align: center; margin-top: 26px; }

.main1_left{ width: 50%; float: left; padding-right: 10px; }

.main1_right{ width: 50%; float: right;}

.main1_left_top{ height: 156px; }

.main1_left_top h2{ font-size: 16px; color: #3c4650;margin-top: 19px;font-weight: 600; }

.main1_left_top h2 img{ margin-left: 15px; }

.main1_left_top p{font-size: 13px; color: #3c4650; margin-top: 28px;}

.main1_left_bottom{ height: 271px; }

.main1_left_bottom li{ height: 134px; width: 49.8%;float: left;text-align: center;border: 1px solid #d1d1d1; }

.main1_left_bottom li:nth-child(1){ border-left: 0;border-top: 0;  }

.main1_left_bottom li:nth-child(2){ border-right: 0;border-top: 0;  }

.main1_left_bottom li:nth-child(3){ border-left: 0;border-bottom: 0;  }

.main1_left_bottom li:nth-child(4){ border-right: 0;border-bottom: 0;  }





.main1_left_bottom li span{ color: #f40000; font-size: 39px; font-weight: bold; }

.main1_left_bottom li h3{ font-size: 17px; margin-top: 10px;}

.main1_left_bottom li h4{ font-size: 14px;margin-top: 20px;}

/* 产品中心开始 */

.produce{ background-image: url(/img/produce.png); height: 928px;background-repeat : no-repeat;}

.produce_top{ height: 671px; }

.produce_top li{ width: 25%; float: left; text-align: center; font-size: 15px;}

.produce_top li>p{ margin-bottom: 15px;margin-top: 5px; color: #333; }

.produce_top li p{ color: #333; }

.produce_bottom{ background-image: url(/img/xian.jpg); height: 49px;background-repeat : no-repeat;}

.produce_bottom img{ float: left;margin-top: 5px;}

.produce_bottom p{ float: left; font-size: 17px; line-height: 49px; }

.produce_bottom p span{ color: #d50404; font-size: 24px; font-weight: bold; }

.produce_bottom>span{ width: 100px; float: right;font-size: 17px;    margin-right: 92px;

    margin-top: 13px; }

.produce_bottom>span>a{color: #d70000;}



/* 行业资讯开始 */

.zixun{ height: 698px;background-image: url(/img/zixun.jpg);background-repeat : no-repeat;  }

.zixun_top{ height: 698px;}

.zixun_top>h2{ font-size: 36px; font-weight: 400; text-align: center; margin-top: 30px;}

.zixun_top span{ color: #d70000;text-align: center; }

.zixun_top p{text-align: center;font-size: 22px; color: #999898; margin-top: 10px;  }

.zixun_left{ width: 50%; float: left; }

.zixun_right{ width: 45%; float: right; }

.zixun_left>ul>li{ height: 86px; margin-top: 41px;}

.zixun_left>ul>li a{ display: inline-block;    width: 80%; padding-left: 22px; }

.zixun_left>ul>li span{ width: 84px; height: 84px; border: 1px solid #9e9fa1;display: inline-block; font-size: 16px; color: #333; float: left; }

.zixun_left>ul>li span em{ width: 100%; text-align: center;    display: inline-block;color: #bb0000;font-size: 26px;    margin-top: 12px; }

.zixun_left>ul>li h3{ font-size: 20px; color: #333; display: inline-block; float: left; margin-bottom: 0px; margin-top: 0px;}

.zixun_left>ul>li p{font-size: 13px; color: #4b4949; display: inline-block; float: left;text-align: left; }

.zixun_right_bottom h2{font-size: 20px; color: #333;    font-weight: 600; margin-top: 17px;    margin-bottom: 10px;}

.zixun_right_bottom span{ color: #3b3939; font-size: 16px; margin-top: 12px;}

.zixun_right_bottom p{ color: #3b3939;font-size: 16px;margin-top: 12px; line-height: 32px;text-align: left;}





.fuwu{ height: 400px; }

.fuwu_top{ height:400px;text-align: center;  }

.fuwu_top h2{ font-size: 32px; color: #333; font-weight: bold; text-align: center; margin-top: 80px;}

.fuwu_top p{ font-size: 13px; color: #333; text-align: center; margin-top: 22px; }

.fuwu_top img{ margin-top: 25px; }

.fahuo{background-image: url(/img/icon8.jpg); height: 928px;background-repeat : no-repeat;}



.yinying_a li{ position: relative; }

.yinying{     width: 92%;

    height: 82px;

    background-image: url(/img/icon10.png);

    position: absolute;

    bottom: 31px;

    right: 13px;

    text-align: center;

    margin: 0 auto; }

.yinying>p{ color: #fff!important; overflow: hidden;

white-space: nowrap;

 text-overflow: ellipsis; }

.yinying h3{ font-size: 16px; color: #fff;margin-top: 10px; }

.yinying p{ font-size: 12px; color: #fff; padding-right: 10%; padding-left: 10%;}

.yinying_a li:hover .yinying{ display: block!important; }





.youqing{ height: 87px;background-image: url(/img/youqing.jpg);background-repeat : no-repeat;}

.youqing a{ color: #fff; font-size: 16px; }

.youqing>div{ width: 85%; float: right;    height: 70px;

    margin-top: 16px;padding-top: 10px; }



footer{ height: 302px; width: 100%; background-color: #3c4650; }

.foot{ height: 302px; }

.foot_top{ height: 82px;  }

.foot_top ul{ height: 82px; }

.foot_top ul li{     width: 12.5%; float: left; text-align: center;  font-size: 17px; line-height: 82px; border-bottom: 1px solid #9ca1a6; position: relative;}

.foot_top ul li a{color: #fff;}

.foot_top ul li img{ position: absolute; bottom: 0px; right: 50%; }

.foot_bottom{ margin-top: 32px; }

.foot_bottom_a{ width: 20%; height: 160px; float: left; box-sizing:border-box; padding-top: 51px;}

.foot_bottom_b{ width: 43%; height: 160px;float: left; color: #fff;padding-left: 70px; padding-top: 13px; box-sizing:border-box;}

.foot_bottom_c{ width: 36%; height: 160px; float: left;box-sizing:border-box;}

.foot_bottom_b>p{ color: #fff; line-height: 27px;font-size: 16px;}

.foot_bottom_b>span{ color: #fff; font-size: 16px; }

.foot_bottom_c img{ float: left; margin-left: 20px; }

.foot_bottom_c div{ float: left; width:20px;line-height:24px; text-align: center; color: #fff; font-size: 16px; margin-left: 20px;}



/* 自适应首页 */

@media screen and (max-width:1321px){

.banner{ height: auto; }

}

@media screen and (max-width:1200px){

.nav>.nav_a ul li a{ font-size: 14px; }

.produce{background-size: 100%; height: auto;}

.produce>div:nth-child(1){ height: 85px!important; }

.produce_top li{ width: 22%; margin-left: 2%; }

.produce_top li img{ width: 100%; }

.produce_top{ height: auto; }

.produce_bottom{background-size: 100%;}

.produce_bottom>span{ margin-right: 75px; }

}

@media screen and (max-width:998px){

.foot_bottom_c img{ width: 26%; }

.foot_bottom_c div{    line-height: 15px;    font-size: 12px;}

.foot_bottom_b>p{color: #fff;

    line-height: 22px;

    font-size: 14px;}

.foot_bottom_b{    padding-top: 0px;    padding-left: 73px;}

.foot_top ul li{    font-size: 12px;}

}

@media screen and (max-width:768px){

.nav>.nav_a ul li a{ font-size: 12px; }

.main1_top h2{font-size: 22px;}

.main1_top p{ font-size: 12px;margin-top: 10px; }

.main1_top{ height: auto; }

.main1_left_top h2{ font-size: 14px; }

.main1_left_top p{ font-size: 12px;margin-top: 10px; }

.main1{ height: auto; }

.zixun_left>ul>li span{width: 47px;

    height: 47px;font-size: 12px;}

.zixun_left>ul>li span em{ margin-top: 0px;    font-size: 12px; }

.zixun_left>ul>li h3{ font-size: 15px; margin-top: 0px;}

.zixun_left>ul>li p{ font-size: 12px; margin-top: 0px;}

.zixun_left>ul>li{ margin-top: 22px; }

.zixun_right_bottom p{ font-size: 12px; }

.fuwu_top img{ width: 100%; }

.fuwu_top h2{ margin-top: 0px; }

.fuwu{ height: 253px; }

.top_left img{ width: 100%; }

.top_right img{ display: none; }



}

@media screen and (max-width:480px){

.nav>.nav_a ul li{ line-height: 44px; }

.nav>.nav_a ul li{ width: 25%; }

.top{ height: 100px; }

header{ height: 188px; }

.main1_left{ width: 100%; }

.main1_right{ display: none; }

.main1_left_top{ height: 104px; }

.produce>div:nth-child(1){height: 36px!important;}

.zixun_top>h2{ font-size: 18px; }

.zixun_top p{ font-size: 12px; }

.zixun_right{ width: 100%; }

.zixun_left{ width: 100%; }

.zixun_left>a>img{ width: 100%; }

.fuwu_top h2{ font-size: 20px; }

.fuwu_top p{ font-size: 12px; }

.fuwu_top{ height: auto; }

.fuwu{ height: 203px; }

.foot_bottom_a{ display: none; }

.youqing{background-size: 100%;}

.youqing{ display: none; }

.foot_bottom_b{padding-left: 14px;}

.foot_bottom_b>p{    line-height: 15px;font-size: 12px;}

.foot_bottom_b>span{font-size: 12px;}

.foot_bottom_c{ width: 57%; }

.zixun_left>ul>li{margin-top: 20px;}

.produce_top li{ width: 48%; }

.main1_left_top{ display: none; }
.foot_bottom_c div{ margin-left: 5px; }
.produce_top li p{white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;}

.bianxing ul li{ width: 100%!important; float: none!important; }
}
@media screen and (max-width:383px){
.foot_top ul li{    width: 25%;line-height: 43px;
    }
}
/* 
@media screen and (max-width:383px){
    .foot_bottom_c img{ margin-left: 45px; }
.foot_top{ display: none; }

.foot_bottom_b{ width: 100%; }

.foot_bottom_c{ width: 100%; }

.produce_bottom img{ display: none; }

}
 */